.tool-drawer {
  position: absolute;
  top: 0;
  left: auto;
  right: 0;
  bottom: 0;
  box-shadow: -2px 0px 8px 0px rgba(0, 50, 150, 0.1);
  border-radius: 8px 0px 0px 8px;

  & .tea-drawer__header {
    height: 77px;
    padding: 20px;
  }

  & .tea-drawer__body {
    padding: 0;
    & .tea-drawer__body-inner {
      padding: 20px;
      height: 100%;
      overflow-y: overlay;
      overflow-x: hidden;

      &:hover {
        // &::-webkit-scrollbar {
        //   width: 8px;
        //   background-color: #fff;
        // }
      }
      &::-webkit-scrollbar {
        width: 0px;
        background-color: transparent;
      }

      &::-webkit-scrollbar-track {
        background-color: transparent;
      }

      &::-webkit-scrollbar-thumb {
        border-radius: 8px;
        box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
        background-color: #d1d1d1;
      }
    }
  }

  &--title {
    height: 55px;
    &__sub {
      font-size: 12px;
      font-weight: 400;
      color: #999999;
    }
  }
}
